@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_bj{background:#f6f6f6;height:680px;box-sizing: border-box;overflow: hidden;padding-top:80px;}
.yz_c dl{height: 360px;overflow: hidden;}
.yz_c dd{float:left;width:566px;padding-top:12px;}
.yz_c dd h4{font-size:40px;color: #333333;height: 121px;background: url(img/yz_ico1.png) no-repeat left bottom;}
.yz_c dd p {font-size:16px;color: #333333;line-height: 30px;padding-top:20px;}
.yz_c dt{float:right;font-size:0;line-height: 0;}
.yz_c dt img {width: 560px;height:300px;}
.yz_c ul{height: 138px;border:2px solid #eeeeee;border-width: 2px 0;box-sizing: border-box;padding-top:34px;}
.yz_c li{text-align:left;background: url(img/yz_x.png) no-repeat right 4px;float:left;padding:0 97px;}
.yz_c li p{height:52px;font-size:16px;color: #999999}
.yz_c li p em{display: inline-block;font-size: 60px;color: #0068b7;margin-right:8px;vertical-align: top;line-height: 52px;}
.yz_c li span{display: block;font-size:16px;color: #666666;padding-top:4px;}
.yz_c li:first-child{padding-left:0;}
.yz_c li:last-child{background: none;padding-right:0;}

.titis{overflow: hidden;text-align: center;margin-bottom:53px;height: 114px;background: url(img/ico1.png) no-repeat center bottom;}
.titis h2 {height:67px;line-height:67px;font-size:50px;color: #333333;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:18px;color:#333333;line-height:29px;height: 29px}

.pro{height:809px;padding-top:91px;}
.pro .tit{text-align: center;height: 169px;}
.pro .tit h2{height: 56px;line-height: 56px;font-size:36px;color: #333333;font-weight: normal;}
.pro .tit h2 a{color: #333}
.pro .tit p{font-size:16px;line-height: 30px;color: #666666;padding-top:10px}
.pro_nr{position: relative;}
.pro_nr li{float:left;width:390px;height: 260px;background: #f5f5f5;margin:0 420px 10px 0;position: relative;box-sizing:border-box;padding:54px 0 0 40px;}
.pro_nr li h4{/*height: 114px;background: url(img/pro_ico1.png) no-repeat left bottom;*/font-weight: normal;position: relative;z-index: 4;height:50px;}
.pro_nr li h4:after{content:"";display:block;width:36px;height:2px;background:#0168b7;position:absolute;left:0;bottom:0;}
.pro_nr li h4 span{display: block;height: 37px;line-height: 37px;font-size:20px;color: #333333;}
.pro_nr li h4 span strong{font-size:20px;}
.pro_nr li h4 em{display: block;font-size: 16px;color: #999999;}
.pro_nr li i{position:absolute;right:0;top:0;width:195px;overflow: hidden;}
.pro_nr li i img{width:195px;height: 260px;transition: all 0.5s}
.pro_nr li:hover i img{transform:scale(1.1);}
.pro_nr li:hover h4 span{color:#0168b7;}
.pro_nr li:nth-child(2n){margin:0 0 10px 0;}
.pro_nr li:last-child{position: absolute;left:400px;top:0;width:400px;height:530px;margin:0;z-index: 2;}
.pro_nr li:last-child i{display: block;width:400px;position: absolute;top:auto;bottom:0;left:0;height: 392px;}
.pro_nr li:last-child i img {width:400px;height: 392px;}

.fn_bj{ overflow: hidden;background: url(img/fn_bj.jpg) no-repeat center top; padding-top:111px; background-size: 100% 100%; padding-bottom:60px;box-sizing: border-box;}
.fn_c .tit{text-align: center;height: 189px;}
.fn_c .tit h2{height: 56px;line-height: 56px;font-size:36px;color: #fff;font-weight: normal;}
.fn_c .tit h2 a{color: #fff}
.fn_c .tit p{font-size:16px;line-height: 30px;color: #fff;padding-top:10px}
.fn_nr dl{float: left;width:386px; background:rgba(255,255,255,0.9);border-radius: 9px;margin:0 20px 20px 0;transition:all 0.5s;position: relative;top:0;}
.fn_nr dt{ font-size:0;line-height: 0;padding:5px ;}
.fn_nr dt img{width:100% ;height:255px;}
.fn_nr dd{ padding:10px;}
.fn_nr dd h4 a{display: block;height: 39px;line-height: 39px;font-size:24px;color: #333333;}
.fn_nr dd p{font-size:16px;color: #666666;line-height: 24px;padding-top:6px;}
.fn_nr dl:nth-child(3n){margin:0 0 20px 0;}
.fn_nr dl:hover{position: relative;top:-5px;}


.sz_bj{height: 800px;padding-top:114px;box-sizing:border-box;}
.sz_c{position:relative;}
.sz_c .tit{height: 190px;text-align: left;}
.sz_c .tit h2{height:50px;font-size:36px;color: #333333;line-height: 50px;}
.sz_c .tit h2 a{color: #333}
.sz_c .tit p{font-size:16px;color: #666666;line-height: 30px;padding-top:24px;width:890px;}
.sz_c li{height: 59px;line-height: 56px;font-size:18px;color: #333333;}
.sz_c li a{color: #333333;display: inline-block;height: 59px;position: relative;}
.sz_c li em{font-size:24px;color: #5d6168;font-weight: bold;margin-right:18px;vertical-align: middle;}
.sz_c li a:after{content: "";display: block;width:0%;height: 3px;background: #1eb9ee;position: absolute;left:0;bottom:0;transition: all 0.5s}
.sz_c li a:hover:after{width:100%;}
.sz_c strong{display:block; margin-top:100px;}
.sz_c strong a{display:inline-block;font-size:16px;color:#0068b7; font-weight:bold;padding-right:39px; background:url(img/zx-ico.png) no-repeat right; }
.sz_c .sz-pic{width:782px;height:440px; position:absolute;right:0;top:160px;}



.al_bj{background: #f6f6f6;height: 960px;box-sizing: border-box;padding-top:93px;}
.fenl{border:1px solid #d7d7d7;width:220px;height: 540px;border-radius: 3px;box-sizing: border-box;float:left;}
.fenl li{height:134px;border-bottom:1px solid #d7d7d7;line-height: 134px;text-align: center;font-size:22px;color: #666666;}
.fenl li i{vertical-align: top;margin-top:39px;display:inline-block;margin-right:20px;width:51px;height: 50px;overflow: hidden;}
.fenl li i img{display: block;/*transition: all 0.3s*/}
.fenl li.on{background: #0068b7;}
.fenl li.on a{color: #fff}
.fenl li.on i img:first-child{margin-top:-50px;}
.fenl li:first-child{border-radius: 3px 3px 0 0}
.fenl li:last-child{border-radius: 0 0 3px 3px;border:0;}
.al_fr{float:right;width:960px;}
.al_nr li{box-shadow: 0 0 20px rgba(0,0,0,0.2);position: relative;width:960px;}
.al_nr li i{display: block;font-size:0;line-height: 0;width:960px;overflow: hidden;}
.al_nr li i img{width:960px;height: 540px;}
.al_nr li .al_w{position: absolute;left:0;bottom:0;background: url(img/al_ico1.png) no-repeat;height: 300px;width:100%;box-sizing: border-box;padding:166px 185px 0 50px;}
.al_nr li .al_w h4 a{display: block;height: 45px;line-height: 45px;font-size:24px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.al_nr li .al_w p{font-size:16px;line-height: 28px;color: #fff;padding-top:6px;}
.al_nr li .al_w em a{width:103px;height: 36px;border-radius: 18px;line-height: 36px;border:2px solid rgba(255,255,255,0.5);text-align: center;background: url(img/al_ico2.png) no-repeat center center;display: block;position: absolute;top:215px;right:30px;transition: all 0.5s}
.al_d{margin-top:60px;text-align: center;}
.al_d li{display: inline-block;width:12px;height: 12px;border:2px solid #bbbbbb;border-radius: 50%;margin:0 4px;box-sizing: border-box;}
.al_d li.on{background: #1eb9ee;border:0;}


.ys_bj{background: url(img/ys_bj.jpg) no-repeat center top;padding:103px 12px 100px;}
.yous .titis{height: 114px;background: url(img/ico2.png) no-repeat center bottom;margin-bottom:43px;}
.yous .titis h2,.yous .titis p{color: #fff;}
.ys_nr{overflow: hidden;}
.ys_nr li{float:left;width:24.5%;margin-right:0.65%;position: relative;border:1px solid rgba(255,255,255,0.2);box-sizing: border-box;text-align: center;}
.ys_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;}
.ys_nr li i img{width:100%}
.ys_nr li .ys_w{position: absolute;left:0;top:0;background:rgba(0,35,62,0.85);width:100%;height: 100%;}
.ys_nr li .ys_w em{width:3.4rem;margin:0 auto;padding-top:4.7rem;display: block;}
.ys_nr li .ys_w em img{width:100%;}
.ys_nr li .ys_w h4{font-size:1.2rem;color: #fff;line-height: 1.8rem;margin-top:1.5rem;font-weight: normal;height: 4.4rem;background: url(img/ys_x.png) no-repeat center bottom;}
.ys_nr li .ys_w p{font-size:0.8rem;line-height: 1.5rem;padding:1.2rem 12% 0;color: #fff}
.ys_nr li:last-child{margin:0;}
.ys_nr li:hover .ys_w{background:rgba(0,95,167,0.85);}

.hz_c{padding-top:160px;height: 1000px;}
.hz_tt{float:left;width:600px;height: 380px;box-sizing: border-box;padding:86px 0 0 60px;background: url(img/hz_n.png) no-repeat left top;position: relative;}
.hz_tt h4 a{display: block;height: 77px;font-size:40px;color: #333333;background: url(img/ys_x.png) no-repeat left bottom;line-height: 57px;font-weight: normal;}
.hz_tt p{width:226px;padding-top:34px;font-size:16px;color: #666666;line-height: 30px;}
.hz_tt i{position: absolute;right:9px;top:9px;}
.hz_nr li{float:left;font-size:0;line-height: 0;border-right:1px solid #c2c2c2;width:300px;margin-bottom:20px;text-align: center;box-sizing: border-box;}
.hz_nr li img{width:240px;height: 180px;}
.hz_nr li:nth-child(2),.hz_nr li:nth-child(4),.hz_nr li:nth-child(8){border:0;}


.ns_bj{background: #f6f6f6;height: 880px;box-sizing: border-box;padding-top:93px;}
.news .titis{height: 114px;margin-bottom: 43px;}
.ns_fl{float:left;width:520px;}
.ns_fl dt{font-size:0;line-height: 0;width:520px;overflow: hidden;}
.ns_fl dt img {width:520px;height: 292px;transition:all 0.5s;}
.ns_fl dd{padding:24px 50px 0 30px;background: #fff;height:220px;box-sizing: border-box;}
.ns_fl dd h4 a{height: 44px;line-height: 44px;font-size:22px;color: #333333;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fl dd p{font-size: 13px;font-size:16px;color: #666666;line-height: 28px;height: 82px;}
.ns_fl dd em a{display: inline-block;padding-right:38px;font-size:16px;color: #0068b7;background: url(img/ns_ico1.png) no-repeat right;}
.ns_fl dl:hover dt img{transform:scale(1.1);}
.ns_fl dl:hover dd h4 a{color:#0068b7;}
.ns_fr{float:right;width:620px;}
.ns_fr dl{float:left;width:300px;height: 266px;margin-right:20px;}
.ns_fr dl:last-of-type{margin:0;}
.ns_fr dt{font-size:0;line-height: 0;overflow: hidden;width:300px;}
.ns_fr dt img {width:300px;height: 169px;transition:all 0.5s;}
.ns_fr dd a{display: block;text-align: center;font-size:18px;color: #333333;padding-top:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fr dl:hover dd a{color:#0168b7;}
.ns_fr dl:hover dt img{transform:scale(1.1);}
.ns_fr ul{border-top:1px solid #e2e2e2;}
.ns_fr li {height: 59px;line-height: 59px;border-bottom:1px solid #e2e2e2;padding:0 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fr li a{font-size:18px;color: #333333;}
.ns_fr li:hover a{color:#0168b7;}
.ns_fr li em{float: right;font-size:16px;color: #999999;}


.ab_bj{/*background: url(img/ab_bj.jpg) no-repeat center top;height: 860px;*/}
.about{height: 860px;width:915px;box-sizing: border-box;padding:80px 360px 0 187px;margin-right:-360px;float:right;text-align: right;}
.about .tit i{display:block;margin-bottom:30px;}
.about .tit{height: 219px;background: url(img/ico3.png) no-repeat left bottom;}
.about .tit h2{font-size:50px;height: 67px;line-height: 67px;font-weight:bold;}
.about .tit h2 a{color: #fff;}
.about .tit span{display: block;font-size:18px;line-height: 30px;height: 30px;color: #fff}
.about p{font-size:16px;line-height: 30px;padding-top:24px;color: #fff;}





@media screen and (min-width:1366px) {html {font-size: 14px;}}
@media screen and (min-width:1440px) {html {font-size: 16px;}}
@media screen and (min-width:1600px) {html {font-size: 18px;}}
@media screen and (min-width:1920px) {html {font-size: 20px;}}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }